<template>
  <div>
    <nav class="common-nav mb20">
      <h2 style="width: 160px" class="common-nav__title tab_active">还款记录</h2>
    </nav>
    <BaseTable :columns="columns" :data="data" :pagination="false"></BaseTable>
  </div>
</template>

<script>
import BaseTable from '@/components/BaseTable/index.vue'

export default {
  name: 'Record',
  components: {
    BaseTable,
  },
  props: {
    data: Array,
  },
  data() {
    return {
      columns: [
        { label: '流水号', prop: 'thirdNo' },
        { label: '还款时间', prop: 'repayDate' },
        { label: '还款本金', prop: 'principal' },
        { label: '利息', prop: 'interest' },
      ],
    }
  },
}
</script>

<style lang="scss" scoped></style>
